<template>
  <span class="c-text-long" :title="$slots.default.text">
    <slot></slot>
  </span>
</template>
<script>
export default {
  name: 'CTextLong',
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {},
  watch: {},
  beforeCreate() {},
  created() {},
  beforeMount() {},
  mounted() {},
  beforeUpdate() {},
  updated() {},
  activated() {},
  deactivated() {},
  beforeDestroy() {},
  destroyed() {},
  methods: {}
}
</script>
<style lang="scss">
.c-text-long {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
  vertical-align: middle;
}
</style>
